<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title>智能出单结算清单</title>

    <link rel="stylesheet" href="./IntelligentOutOfOrder.css">
    <!--<script src="//cdn.jsdelivr.net/npm/eruda"></script>-->
    <!--<script>eruda.init();</script>-->
</head>


<body id="order_body">
<!--第一部分-->
<script type="text/template" id="settlementTpl">

    <section id="order_section">
        <div class="order_choose">
            <ul>
                <li class="order_address">
                    <div class="addressBox">

                        <img src="../../person_home/img/ios/RTLS@2x.png" alt=""/>
                    </div>
                    <div class="address">
                        <ul>
                            <li class="contacts">
                                <p class="address_contacts">联系人：<b>请选择或设置</b></p>

                                <p class="address_phone"></p>
                            </li>
                            <li class="serviceAddress">
                                服务地址：<b>请选择或设置</b>
                            </li>
                        </ul>
                    </div>
                    <div class="Add_address">
                        <img class="add_address" src="../../person_home/img/ios/Down@3x.png" alt=""/>
                    </div>
                </li>
                <li class="bigbg"></li>

                {{each data.list as item i}}
                <li class="order_goodsMsg">
                    {{if item.warehouse_info.goods_info.belong_model==200}}
                    <div class="goodsMsgBox">
                        <p>
                            <img src="{{item.warehouse_info.goods_info.goods_thumb}}" alt=""/>
                        </p>

                        <div>
                            <div class="proModel">
                                <h3>{{item.warehouse_info.goods_info.goods_name}}</h3>
                                <h4>{{item.warehouse_info.goods_info.category_info.cat_name}}</h4>
                            </div>
                            <p class="date date{{i}}">日期：</p>

                            <p class="num">时长：8小时</p>

                            <p class="meal">
                                <span>套餐：基础套餐</span>
                                <span class="price">{{item.warehouse_info.goods_info.shop_price}}/天</span>
                            </p>
                        </div>
                    </div>
                    {{else if item.warehouse_info.goods_info.belong_model==100}}
                    <div class="goodsMsgBox">
                        <p>
                            <img src="{{item.warehouse_info.goods_info.goods_thumb}}" alt=""/>
                        </p>

                        <div>
                            <div class="proModel">
                                <h3>{{item.warehouse_info.goods_info.goods_name}}</h3>
                                <h4>{{item.warehouse_info.goods_info.category_info.cat_name}}</h4>
                            </div>
                            <p class="date date{{i}}">日期：</p>

                            <p class="num">数量：{{item.current_count}}</p>

                            <p class="meal">
                                <span>套餐：基础套餐</span>
                                <span class="price">{{item.warehouse_info.goods_info.shop_price}}/天</span>
                            </p>
                        </div>

                    </div>
                    {{/if}}
                </li>

                {{/each}}
                <li class="bg"></li>
                <li class="order_coupon">
                    <p>优惠券</p>

                    <div>
                        <span class="couponPrice">请选择</span>
                        <b></b>
                    </div>
                </li>
                <li class="bg"></li>
                <li class="sendWay">
                    <p>配送方式</p>

                    <div>
                        <span>自提</span>
                    </div>
                </li>
                <li class="bg"></li>
                <li class="order_remark">

                        <h2>下单备注</h2>

                        <p>1、为了更好的为您服务，请在下单后尽快付款。</p>

                        <p>2、如果订单超时，超时费用将从押金中扣取。</p>

                        <p>3、如果需要延长服务时间，请在订单结束前48H内申请订单延时。</p>

                        <!--<p class="xieyi">-->
                            <!--<input type="checkbox" checked disabled/>我同意《云智片用户租赁协议》-->
                        <!--</p>-->

                </li>
                <li class="bg"></li>
                <li class="moneyDetail">
                    <div>
                        <p>服务总额</p>
                        <span>￥<b class="proTotal"></b></span>
                    </div>
                    <div>
                        <p>优惠金额</p>
                        <span>￥<b class="counpMoney">0</b></span>
                    </div>
                    <div>
                        <p>配送金额</p>
                        <span>￥<b class="sendTotal">0</b></span>
                    </div>
                    <div>
                        <p>押金金额</p>
                        <span>￥<b class="cash_pledge"></b></span>
                    </div>

                </li>

            </ul>
        </div>

    </section>

    <!--底部提交订单-->
    <footer id="order_footer">
        <p class="order_price">实付款：￥</p>
        <button class="submit">提交订单</button>
    </footer>

</script>
<script src="../../person_home/js/flexible.js"></script>
<script src="../../person_home/js/jquery-3.2.1.min.js"></script>
<script src="../../person_home/js/template.js"></script>
<script src="../../person_home/js/url.js"></script>
<script src="../../person_home/js/isIphoneX.js"></script>
<script src="./IntelligentOutOfOrder.js"></script>
</body>

</html>